<template>
  <section>
    <p style="text-align: center;line-height:100px;font-size: 14px;font-weight: bold;color: gray;">选择您的角色</p>
    <p style="text-align: center;margin-top: 20px;">
      <img src="../../assets/doctor.png"
           alt="" width="150px;"
      @click="chooseDoctor">
      <span style="display: inline-block;width: 100%;">医生</span>
    </p>
    <p style="text-align: center;margin-top: 50px;">
      <img src="../../assets/patient.png"
           alt="" width="150px;"
           @click="choosePantient">
      <span style="display: inline-block;width: 100%;">病人</span>
    </p>
  </section>
</template>

<script>
    export default {
        props: [],
        name: 'app',
        data(){
            return {}
        },
        computed: {},
        components: {},
        created(){
        },
        methods: {
          chooseDoctor(){
              this.$router.push("/doctorinformation");
          },
          choosePantient(){

          }
        },
        mounted() {
        },
        destroyed(){
        }
    }
</script>

<style lang="scss" scoped>

</style>
